<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    /* 第一题 */
    p {
        color: green;
        font-size: 14px;
    }
    /* 第二题 */
    .a1 {
        color: red;
        font-size: 18px;
    }
    .a2 {
        border: 1px gray solid;
        width: 300px;
    }
    .a3 {
        color: red;
        font-size: 12px;
    }
    .a5 {
        color: black;
        font-size: 12px;
    }
    /* 第三题 */
    b {
        font-size: 20px;
    }
    .c2 {
        font-size: 16px;
        color: green;
    }
    #c5 {
        color: blue;
    }
   
</style>
<body>
    <!-- 第一题 -->
    <h1>黄鹤楼</h1>
    <p>昔人已乘黄鹤去，此地空余黄鹤楼</p>
    <p>黄鹤一去不复返，白云千载空悠悠</p>
    <p>晴川历历汉阳树，芳草萋萋鹦鹉洲</p>
    <p>日暮乡关何处是，烟波江上使人愁</p>
    <br>
    <br>
    <!-- 第二题 -->
    <p class="a1">水调歌头</p>
    <p class="a2"></p>
    <p class="a3">
        明月几时有，把酒问青天。<br>
        不知天上宫阙，今夕是何年？<br>
        我欲乘风归去，又恐琼楼玉宇，<br>
        高处不胜寒，<br>
        起舞弄清影，何似在人间！<br>
    </p>
    <p class="a5">
        转朱阁，低绮户，照无眠。<br>
        不应有恨，何事长向别时圆？<br>
        人有悲欢离合，月有阴晴圆缺，<br>
        此事古难全。<br>
        但愿人长久，千里共婵娟。
    </p>
    <br>
    <br>
    <!-- 第三题 -->
    <b>
        如梦令
    </b>
    <p class="c1"></p>
    <div class="c2">
        <p>
            昨夜雨疏风骤，浓睡不消残酒<br>
            试问卷帘人，却道‘海棠依旧’<br>
            ‘知否’？‘知否’？应是绿肥红瘦<br>
        </p>
        <p id="c5">
            译文
        </p>
        <p> 
            昨夜雨点稀疏，晚风急猛，我虽然睡了一夜，仍有余醉未<br>
            昨夜雨点稀疏，晚风急猛，我虽然睡了一夜，仍有余醉<br>
            未旧。知道吗?知道吗?应是绿叶繁茂，红花调零。<br>
        </p>
    </div>
    <br>
    <br>
   
</body>
</html>